@font-face {
    font-family: 'NewsGothicMTRegular';
    src: url(fonts2/'nwgthc-webfont.eot');
    src: url(fonts2/'nwgthc-webfont.eot?#iefix') format('embedded-opentype'),
         url(fonts2/'nwgthc-webfont.woff') format('woff'),
         url(fonts2/'nwgthc-webfont.ttf') format('truetype'),
         url(fonts2/'nwgthc-webfont.svg#NewsGothicMTRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* CSS RESET */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
a:link{text-decoration: none;}
a:visited{text-decoration: none;color:black;}
body{
/*
	background-image: url(images/grid.png);
	background-attachment:fixed;
	background-repeat: repeat;
	background-position-y: 90px;
*/
/*
	background-image: url(images/paper3.jpg);
	background-attachment:fixed;
	background-repeat:repeat;
	background-position-y: 1394px;
	background-position-x: 1000px;
*/
	/*
background-image: url(images/dotgrid4.jpg);
	background-attachment:fixed;
	background-repeat: repeat;
	background-position-x: 20px;
*/
/*
background-image: url(images/dotgrid.png);
	background-attachment:fixed;
	background-repeat: repeat;
	background-position-x: 20px;
*/
/*
background-image: url(images/old2.jpg);
	background-attachment:fixed;
	background-repeat: repeat;
	background-position-x: 20px;
*/
	background-image: url(images/cloth8.png);
	background-attachment:fixed;
	background-repeat: repeat;
	
	font-size: 12px;
	background-color: #363636; /* 595959 363636  737373 #e5e1df c7c3c1, bcbcbc, d4d0ce, e5e1df*/
	font-family: "NewsGothicMTRegular", "News Gothic MT", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
}
/* SELECTION COLORIING IN BROWSER */
::-moz-selection {
    background: #110000;
    color: grey;
    text-shadow: none;
}
::selection {
    background: #110000;
    color: grey;
    text-shadow: none;
}

/* TOP NAV STYLING WORKING WITH "secondworking.css" */
.nav{
	background-color: black;
	width: 250px;
	height: 109px;
	margin-left: 0px;
	position: fixed;
	top: 0px;
	left:0px;
	z-index: 999;
}
.nav2 {
	background-color:;
	font-size:7.75pt;
	font-weight: 400;
	color:white;
	width:auto;
	height:auto;
	float:right;
	postion:relative;
	margin-right: 52px;
	padding-top: 70px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.nav2 em{
	font-style: italic;
	font-weight: 400;
	font-size: 8pt;
}
.nav2 span.show {
	display:none;
	margin-top: 20px;
}
.nav2:hover span.show {
	display:inline;
}
.nav2:hover span.noshow {
	display:none;
}
.worknav {
	background-color:#000;
	min-width:753px;
	max-width:753px;
	height:109px;
	position:fixed;
	left:251px;
	top:0px;
	background-position: 90px 800px;
	font-weight: bold;
	z-index: 999;
}
.sub{
	background-color: black;
	width: 250px;
	height: 62px;
	margin-left: 0px;
	position: fixed;
	top: 109px;
	left:0px;
	z-index: 999;
	border-top: 1px solid #737373;
}
.wrap{
	/* background-color: #363636; 595959*/
	margin-top: 109px;
	margin-left: 0px;
	width: 1004px;
	height: auto;
}
.leftcol{
	background-color: white; /* #f0f0f0 */
	float: left;
	clear: both;
	position: relative;
	margin: 0px 1px 1px 0px;
	padding: 5px;
	width: 240px;
	height: 240px;
	overflow: hidden;
	display: block;
}
.midcol{
	background-color: white; /* #f0f0f0 */
	float: left;
	position: relative;
	margin: 0px 1px 1px 0px;
	padding: 5px;
	width: 240px;
	height: 240px;
	overflow: hidden;
	display: block;
}
.rightcol{
	background-color: white;
	float: right;
	clear: right;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	width: 240px;
	height: 240px;
	overflow: hidden;
	display: block;
}
.maincol{
	background-color: white;
	float: left;
	width: 692px;
	height: 190px;
	padding:30px;
	position: relative;
	margin: 0px 1px 1px 0px;
}
.maincol2{
	background-color: white;
	float: left;
	width: 471px;
	height: 220px;
	padding:15px;
	position: relative;
	margin: 0px 1px 1px 0px;
}
.toparea{
	position: absolute;
	top: 0px;
	margin-top: 5px;
	padding: 9px 9px 13px 9px;
	width: 222px;
	height: 66px;
	display: block;
}
.twitterarea{
	position: absolute;
	top: 0px;
	margin-top: 5px;
	padding: 9px 9px 13px 9px;
	width: 222px;
	height: 222px;
	display: block;
}
.botmarea{
	position: absolute;
	top: 0px;
	margin-top: 157px;
	padding: 9px 9px 13px 9px;
	width: 222px;
	height: 66px;
	display: block;
}
a:link .botmarea, a:link .toparea{
	background-color: rgba(239, 239, 239, .5);
	opacity: 0;
	-webkit-transition-property: background opacity;
	-webkit-transition-duration: .25s;
	-webkit-transition-delay: .1s;
	
	-moz-transition-property: background opacity;
	-moz-transition-duration: .25s;
	-moz-transition-delay: .1s;
}
a:link .botmarea p{
	color: #999;
	-webkit-transition-property: color;
	-webkit-transition-duration: .25s;
	-webkit-transition-delay: .1s;
	
	-moz-transition-property: color;
	-moz-transition-duration: .25s;
	-moz-transition-delay: .1s;
}
a:hover .botmarea p{
	color: #666;
	-webkit-transition-property: color;
	-webkit-transition-duration: .25s;
	-webkit-transition-delay: .1s;
	
	-moz-transition-property: color;
	-moz-transition-duration: .25s;
	-moz-transition-delay: .1s;
}
a:link .botmarea h1{
	color: #888;
	-webkit-transition-property: color;
	-webkit-transition-duration: .25s;
	-webkit-transition-delay: .1s;
	
	-moz-transition-property: color;
	-moz-transition-duration: .25s;
	-moz-transition-delay: .1s;
}
a:hover .botmarea h1{
	color: black;
	-webkit-transition-property: color;
	-webkit-transition-duration: .25s;
	-webkit-transition-delay: .1s;
}
a:hover .botmarea, a:hover .toparea{
	background-color: rgba(239, 239, 239, 1);
	color: black;
	opacity: 1;
	-webkit-transition-property: background opacity;
	-webkit-transition-duration: .25s;
	-webkit-transition-delay: .1s;
	
	-moz-transition-property: background opacity;
	-moz-transition-duration: .25s;
	-moz-transition-delay: .1s;
}
a:visited .botmarea, a:visited .toparea{
	background-color: rgba(239, 239, 239, 1);
	height: 120px;
	-webkit-transition-property: background;
	-webkit-transition-duration: .25s;
	-webkit-transition-delay: .1s;
	
	-moz-transition-property: background;
	-moz-transition-duration: .25s;
	-moz-transition-delay: .1s;
}
a:active .botmarea, a:active .toparea{
	background-color: rgba(239, 239, 239, 1);
	-webkit-transition-property: background;
	-webkit-transition-duration: .25s;
	-webkit-transition-delay: .1s;
	
	-moz-transition-property: background;
	-moz-transition-duration: .25s;
	-moz-transition-delay: .1s;
}
.maincol p, .maincol2 p{
	font-size: 8pt;
	line-height: 15pt;
	color: #666;
	margin-bottom: 9px;
}
.maincol h1, .maincol2 h1, .details2 h1, .footermain h1, .details3 h1{
	font-size: 1.10em;
	letter-spacing: 1px;
	margin-top: 16px;
	margin-bottom: 12px;
}
.toparea, .toparea h1, .botmarea, .botmarea h1, .maincol{
	line-height: 13pt;
	color:black;
}
.botmarea h1, .toparea h1{
	font-size: 1em;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-top: 14px;
	margin-bottom: 9px;
}
.botmarea p, .toparea p{
	font-size: .90em;
	color: #666;
	font-weight: 100;
}
/* USED TO CLEAR FLOATS LEFT & RIGHT */
.clear{
	clear: both;
}

.logo{
	background-color:white;
	position: relative;
	float: left;
	width: auto;
	height: 440px;
	overflow: hidden;
	margin-bottom: 1px;
}
.logocont{
	background-color:white;
	border-left: 1px solid #363636;
	float: left;
	position: relative;
	width: 380px;
	height: 440px;
	margin-left: 250px;
	overflow: hidden;
	display: block;
}
.details{
	background-color:white;
	position: relative;
	float: left;
	width: 311px;
	height: 380px;
	padding: 30px;
	font-size: 8pt;
	line-height: 15pt;
	color: #666;
	border-left: 1px solid #f0f0f0;
}
.slides-nav{
	position: absolute;
	top: 419px;
	right: 0px;
	width: auto;
	height: auto;
	padding: 20px;
	z-index: 99;
}
.slides-nav li{
	display: inline;
	padding: 0;
	margin: 0;
}
.slides-nav a:link, .slides-nav a:visited{
	background-color: white;
	color: #7a7a7a;
	padding: 6px;
	font-size: .8em;
	-webkit-transition-property: background;
	-webkit-transition-duration: .25s;
	-webkit-transition-delay: .1s;
	
	-moz-transition-property: background;
	-moz-transition-duration: .25s;
	-moz-transition-delay: .1s;
}
.slides-nav a:hover{
/* 	background-color: #f0f0f0; */
	background-color: #d5d5d5;
	color: black;
	-webkit-transition-property: background;
	-webkit-transition-duration: .25s;
	-webkit-transition-delay: .1s;
	
	-moz-transition-property: background;
	-moz-transition-duration: .25s;
	-moz-transition-delay: .1s;
}
.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
color: black;
background-color: #f0f0f0;
}
.resume{
	background-color: white;
	position: relative;
	float: left;
	width: auto;
	height: auto;
}
.resmain{
	background-color: white;
	border-left: 1px solid #363636;
	width: 692px;
	padding: 30px 30px 60px 30px;
	margin-left: 250px;
	height: auto;
	font-size: 8pt;
	line-height: 15pt;
	color: #666;
	position: relative;
	float: left;
}

/* CONTACT FORM CONFIRMATION */
.conf{
	margin: 60px 0;
	position: relative;
	width: 310px;
	font-family: "HelveticaNeueLight", "Helvetica Neue Light", Helvetica, sans-serif, monospace;
	font-weight: 100;
	letter-spacing: 1px;
	font-size: 12pt;
	color: black;
	background-color: white;
	padding: 30px 30px 5px 30px;
		-moz-box-shadow: 2px 5px 5px #000;
		-webkit-box-shadow: 2px 2px 5px #000;
		box-shadow: 2px 2px 5px #000;
}
.conf p{
	font-family: "HelveticaNeueLight", "Helvetica Neue Light", Helvetica, sans-serif, monospace;
	font-weight: 100;
	letter-spacing: 0px;
	font-size: 10pt;
	color: #666;
}
.conf strong{
	font-family: "HelveticaNeueLight", "Helvetica Neue Light", Helvetica, sans-serif, monospace;
	font-weight: normal;
	letter-spacing: 0px;
	font-size: 10pt;
	color:black;
	text-transform: capitalize;
}
.conf ul{
	font-family: "HelveticaNeueLight", "Helvetica Neue Light", Helvetica, sans-serif, monospace;
	font-weight: 100;
	letter-spacing: 0px;
	font-size: 9pt;
	color:black;
}
.resmain h1, .contactmain h1{
	font-size: 1.10em;
	letter-spacing: 1px;
	margin-top: 16px;
	margin-bottom: 12px;
	color: black;
}
.resmain strong, .details strong, .contactmain strong{
	color: black;
}
.res-nav{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: auto;
	height: auto;
	padding: 10px 0 10px 0;
	z-index: 9;
}
.res-nav li{
	display: inline;
}
.res-nav a:link{
	background-color: white;
	color: #7a7a7a;
	padding: 10px;
	-webkit-transition-property: background;
	-webkit-transition-duration: .25s;
	-webkit-transition-delay: .1s;
	
	-moz-transition-property: background;
	-moz-transition-duration: .25s;
	-moz-transition-delay: .1s;
}
.res-nav a:visited{
	background-color: white;
	color: #7a7a7a;
}
.res-nav a:hover{
/* 	background-color: #f0f0f0; */
	background-color: #d5d5d5;
	color: black;
	padding: 10px;
	-webkit-transition-property: background;
	-webkit-transition-duration: .25s;
	-webkit-transition-delay: .1s;
	
	-moz-transition-property: background;
	-moz-transition-duration: .25s;
	-moz-transition-delay: .1s;
}
.res-nav a:active{
	background-color: #d5d5d5;
	color: white;
	-webkit-transition-property: color;
	-webkit-transition-duration: .25s;
	-webkit-transition-delay: .1s;
	
	-moz-transition-property: color;
	-moz-transition-duration: .25s;
	-moz-transition-delay: .1s;
}
.hide{
	visibility: hidden;
	display: none;
}
/*
.twitter{
	font-size: 10pt;
	line-height: 15pt;
	color: #666;
	width: 240px;
	height: 240px;
	overflow: hidden;
}
.twitter ul {
	text-align: left;
	text-indent: 0px;
	display: inline;
	list-style-type: none;
	list-style-position: outside;
}
.twitter li {
	text-align: left;
	text-indent: 0px;
	display: block;
	list-style-type: none;
	list-style-position: outside;
	border-bottom: 1px solid #f0f0f0;
	padding: 8px 8px 9px 8px;
}
.twitter a:link {
	color:black;
}
.twitter a:visited {
	color:#534443;
}
.twitter a:hover {
	color:#000;
}
.twitter a:active {
	color:#333;
	opacity: 0.5;
}
.twitarea{
	position: absolute;
	top: 0px;
	margin-top: 5px;
	padding:0;
	width: 240px;
	height: 240px;
	display: block;
}
.twitarea a:link img {
	opacity: 0.1;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: .25s;
	-webkit-transition-delay: .1s;
}
.twitarea a:visited img {
	opacity: 0.2;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: .25s;
	-webkit-transition-delay: .1s;
}
.twitarea a:hover img {
	opacity: 1;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: .25s;
	-webkit-transition-delay: .1s;
}
.twitarea a:active img {
	opacity: 1;
}
*/
.footer{
	background-color: white;
	position: relative;
	float: left;
	width: auto;
	height: auto;
}
.footerwrap{
	background-color: white;
	width:auto;
	height: auto;
	float: left;
	margin-top: 0px;
}
.footermain{
	background-color: white;
	border-left: 1px solid #363636;
	width: 320px;
	padding: 30px 30px 30px 30px;
	margin-left: 250px;
	height: 100%;
	font-size: 8pt;
	line-height: 19pt;
	color: #666;
	position: relative;
	float: left;
}
.footermain a:link, .footermain a:visited{
	color: black;
}
.footermain a:hover, .footermain a:active{
	color: black;
	border-bottom: 1px solid black;
}
.details3{
	background-color:white;
	position: relative;
	float: left;
	width: 311px;
	height: 260px;
	padding: 30px 30px 30px 30px;
	font-size: 8pt;
	line-height: 15pt;
	color: #666;
	border-left: 1px solid #f0f0f0;
}
#twitter_update_list a:link{
	color: black;
}
#twitter_update_list li{
	list-style: none;
}
#twitter_update_list li a:link, #twitter_update_list li a:visited,{
	color: black;
}
.logo1 img {
	float:left;
	margin-top:-7px;
}
/* Contact Form */
.contact{
	background-color: white;
	position: relative;
	float: left;
	width: auto;
	height: auto;
	margin-top: 1px;
	margin-bottom: 1px;
}
.contactmain{
	background-color: white;
	border-left: 1px solid #363636;
	border-right: 1px solid #f0f0f0;
	width: 320px;
	padding: 60px 30px 60px 30px;
	margin-left: 250px;
	height: auto;
	font-size: 8pt;
	line-height: 15pt;
	color: #666;
	position: relative;
	float: left;
}


	p.error								{margin:5px 0px 0px 70px;background: #f0a2a5; color: white; width: 237px; padding: 3px 5px;}
	p.success							{margin:5px 0px 0px 70px;background: #63b69e; color: white; width: 237px; padding: 3px 5px;}
	#contact_form ul					{float:left;background:# ;margin: 0;padding: 0;width: 100%}
	#contact_form ul li					{margin:3px 0; list-style:none; position:relative; clear:both;}
	#contact_form label					{line-height:35px; width:auto; text-align:right; float:left; margin-right:0px;}
	#contact_form input#name,
	#contact_form input#email,
	#contact_form input#phone,
	#contact_form input#subject,
	#contact_form textarea				{float:right; padding:8px; margin-left:10px; background:#f0f0f0; }
	#contact_form input#name,
	#contact_form input#subject			{min-width:73%;max-width: 100%; float:right;}
	#contact_form input#phone			{min-width:73%;max-width: 100%; float:right;}
	#contact_form input#email			{min-width:73%;max-width: 100%; float:right;}/* {min-width:58%;float:right;} */
	#contact_form textarea				{min-width:73%;height:70%; resize: none;float:right;}
	#contact_form input.button			{float:right;}
	#contact-form input:hover, 
	#contact_form textarea:hover, 
	#contact-form input:focus, 
	#contact_form textarea:focus,
	#contact_form input#name:focus,
	#contact_form input#email:focus,
	#contact_form input#phone:focus,
	#contact_form input#subject:focus,
	#contact_form input#name:hover,
	#contact_form input#email:hover,
	#contact_form input#phone:hover,
	#contact_form input#subject:hover	{background: #ddd}
	.error,
	.success							{display:none;}
	
	.button, .button a:link, .button a:visited{
	position: absolute;
/* 	background-color: #f0f0f0; */
	color: #7a7a7a;
	padding: 10px;
	top:5px;
	right: 0px;
	border: none;
	-webkit-transition-property: background;
	-webkit-transition-duration: .25s;
	-webkit-transition-delay: .1s;
	
	-moz-transition-property: background;
	-moz-transition-duration: .25s;
	-moz-transition-delay: .1s;
}
.button a:hover, .button a:active, .button:hover{
	background-color: #d5d5d5;
	color: black;
	cursor: pointer;
	padding: 10px;
	top:5px;
	right: 0px;
	-webkit-transition-property: background;
	-webkit-transition-duration: .25s;
	-webkit-transition-delay: .1s;
	
	-moz-transition-property: background;
	-moz-transition-duration: .25s;
	-moz-transition-delay: .1s;
}
input,textarea{
	background-color: #f0f0f0;
	border: none;
}
/*
#messagebody{
	width: 320px;
}
*/
.details2{
	background-color:white;
	position: relative;
	float: left;
	width: 311px;
	height: auto;
	padding: 30px;
	font-size: 8pt;
	line-height: 15pt;
	color: #666;
}
.details2 a:link, .details2 a:visited{
	color: black;
}
.details2 a:hover, .details2 a:active{
	border-bottom: 1px solid black;
}
.backimg{
	background: url(images/desert1.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    position: absolute;
    z-index: 1;
    top:0;
    left:0;
}
/*
#bg {
        position:fixed;
        top:0;
        left:0; 

        min-width:100%;
        min-height:100%;
        
        z-index: -1;
}
*/
/*
#bg {
        position:fixed;
        top:-50%;
        left:-50%;
        width:200%;
        height:200%;
}
#bg img {
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        margin:auto;
        min-width:50%;
        min-height:50%;
        min-height: 600px;
}
*/
#bg {
        position:fixed;
        top:-50%;
        left:-50%;
        width:200%;
        height:200%;
}
#bg img {
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        margin:auto;
        min-width:100%;
        min-height:100%;
        min-height: 600px;
}